import React, { forwardRef, ReactNode } from 'react'

type Props = { children: ReactNode; type: 'submit' | 'button' }

const FancyButton = forwardRef<Props, any>((props, ref) => {
    console.log(ref, 'ref')
    return (
        <div>
            <button type={props.type} ref={ref as any} className="FancyButton">
                {props.children}
            </button>
        </div>
    )
})
export default FancyButton